Ext.define('Era.view.EventBar',{
    extend: 'Ext.Container',
    alias: 'widget.eventbar',
    layout: 'hbox',
    
    height: 34,
    style: {
        border: '1px solid #DEDEDE'
    },
    cls: 'eventbar',
    
    items: [
        {
            // container-ul cu evenimente incepute
            xtype: 'container',
            layout: 'hbox',
            height: 32,
            width: 60,
            html: 'Prezent'
        },
        {
            xtype: 'toolbar',
            border: false,
            height:32,
            items: ['-']
        },
        {
            // containerul cu evenimente viitoare
            xtype: 'container',
            layout: 'hbox',
            height: 32,
            flex: 1,
            html: 'Viitor'
        },
        {
            xtype: 'container',
            layout: 'fit',
            height: 32,
            items: [{   
                xtype: 'button',
                text: '',
                icon: 'data/images/config24.png',
                scale: 'medium',
                action: 'main_menu'
            }]
        }
    ]
});
